<!DOCTYPE html>
<html>
<head>
	<title>Feature Testing</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<link rel="icon" type="image/png" href="../iui/iui-favicon.png">
	<link rel="apple-touch-startup-image" href="../iui/iui-startup.jpg">
	<link rel="apple-touch-icon" href="../iui/iui-logo-touch-icon-hd.png" />

	<link rel="stylesheet" href="../iui/iui.css" type="text/css" />
	<link rel="stylesheet" href="../iui/t/default/default-theme.css"  type="text/css"/>
	<script type="application/x-javascript" src="../iui/iui.js"></script>

	<script language="JavaScript" type="text/javascript">
	window.addEventListener("load", load, false);
	function addLI(elem,str)
	{
		var LI = document.createElement("li");
		LI.innerHTML = str;
		elem.appendChild(LI);
	}

	function load()
	{
		var list = document.getElementById('feature-info');
		addLI(list, 'WebKitTransitionEvent = ' + (typeof WebKitTransitionEvent == "object"));
		addLI(list, 'WebKitPoint = ' + (typeof WebKitPoint == "object"));
		addLI(list, 'WebKitCSSTransformValue = ' + (typeof WebKitCSSTransformValue == "object"));
		addLI(list, 'WebKitCSSMatrix = ' + (typeof WebKitCSSMatrix == "object"));
		addLI(list, 'Touch = ' + (typeof Touch == "object"));
		addLI(list, 'sessionStorage = ' + (typeof window.sessionStorage  == "object"));
		addLI(list, 'localStorage = ' + (typeof window.localStorage  == "object"));
		addLI(list, 'openDatabase = ' + (typeof window.openDatabase == "function"));
		addLI(list, 'innerHeight = ' + window.innerHeight + " (may vary)");
		addLI(list, 'innerWidth = ' + window.innerWidth);
		addLI(list, 'window.navigator.standalone = ' + window.navigator.standalone);
		addLI(list, 'has xhr.overrideMimeType = ' + (typeof XMLHttpRequest.prototype.overrideMimeType == "function"));
	}
  </script>
</head>

<body>
    <div class="toolbar">
        <h1 id="pageTitle"></h1>
        <a id="backButton" class="button" href="#"></a>
    </div>
    
    <ul id="feature-info" title="Features" selected="true">
    </ul>
</body>

</html>
